<template>
	<div class = "vfor">
		<h3>v-for 列表渲染指令</h3>
		<ul>
			<li>学号: {{stus[0]}}</li>
			<li>姓名: {{stus[1]}}</li>
			<li>年龄: {{stus[2]}}</li>
			<li v-for="(stu,index) in stus">
				{{index}} -- {{stu}}
			</li>
		</ul>
	</div>
</template>


<script setup>
	let stus = ['1','李明','18']
</script>


<style scoped>
	.vfor{
		font-size: 16px;
		font-weight: bold;
		width: 200px;
		height: 200px;
		border: 1px solid blue;
	}
	
</style>